﻿@{
    ViewBag.Title = "Listing des plats";
    Layout = "~/Views/Shared/_Layout_home.cshtml";
}

@section css{
    <link href="@Url.Content("~/Content/css/bootstrap-responsive.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/style.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/dropkick.css")" rel="stylesheet">

}

@section script{
    <script type="text/javascript" src="@Url.Content("~/Content/js/jquery.dropkick-1.0.0.js")"></script>
     <script type="text/javascript" charset="utf-8">
         $(function () {
             $('.default').dropkick();

             $('.black').dropkick({
                 theme: 'black'
             });

             $('.change').dropkick({
                 change: function (value, label) {
                     alert('You picked: ' + label + ':' + value);
                 }
             });

             $('.existing_event').dropkick({
                 change: function () {
                     $(this).change();
                 }
             });

             $('.custom_theme').dropkick({
                 theme: 'black',
                 change: function (value, label) {
                     $(this).dropkick('theme', value);
                 }
             });

             $('.dk_container').first().focus();
         });
  </script>
}

       <div class="span12">
        <!--Body content-->
          <h1>Plats à Faire</h1>
              <table class="table table-striped">
              <thead>
                <tr>
                  <th class="table-head">Nom du plat</th>
                  <th class="table-head">Description du plat</th>
                  <th class="table-head">Type</th>
                  <th class="table-head">Etat</th>
                  <th class="table-head">Cuisinier</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="coloration">Ramen</td>
                  <td class="coloration">Plat de pate soupe</td>
                  <td class="coloration">Plat chaud</td>
                  <td class="coloration">en cours</td>
                  <td class="coloration">
                    <select class="span3">
                      <option>Your Cook</option>
                      <option>John Shepard</option>
                      <option>John Travolta</option>
                      <option>John Doe</option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td class="coloration">Ramen</td>
                  <td class="coloration">Plat de pate soupe</td>
                  <td class="coloration">Plat chaud</td>
                  <td class="coloration">in progress</td>
                  <td class="coloration">
                    <select name="country" class="default" tabindex="2">
                      <option>Your Cook</option>
                      <option>John Shepard</option>
                      <option>John Travolta</option>
                      <option>John Doe</option>
                    </select>
                  </td>
                </tr>
                <tr>
                  <td class="coloration">Ramen</td>
                  <td class="coloration">Plat de pate soupe</td>
                  <td class="coloration">Plat chaud</td>
                  <td class="coloration">in progress</td>
                  <td class="coloration">
                    <select class="span3">
                      <option>Your Cook</option>
                      <option>John Shepard</option>
                      <option>John Travolta</option>
                      <option>John Doe</option>
                    </select>
                  </td>
                </tr>
              </tbody>
              </table>          
            
            <h1>Plats finis</h1>
              <table class="table table-striped">
                <thead>
                  <tr>
                  <th class="table-head">Nom du plat</th>
                  <th class="table-head">Description du plat</th>
                  <th class="table-head">Type</th>
                  <th class="table-head">Etat</th>
                  <th class="table-head">Cuisinier</th>
                  </tr>
                </thead>
                <tbody>
                <tr>
                  <td class="coloration">Ramen</td>
                  <td class="coloration">Plat de pate soupe</td>
                  <td class="coloration">Plat chaud</td>
                  <td class="coloration">prêt</td>
                  <td class="coloration">Bob </td>
                </tr>

                <tr>
                  <td class="coloration">Ramen</td>
                  <td class="coloration">Plat de pate soupe</td>
                  <td class="coloration">Plat chaud</td>
                  <td class="coloration">prêt</td>
                  <td class="coloration">Bob </td>
                </tr>
                 </tbody>
              </table>

        </div>

    </div><!--/.fluid-container-->